<div style="position: relative; width: 100px; height: 100px; padding: 5px; background-color: red">
    <span style="display: block; border: 5px solid green; background-color: lightgreen; width: 100%; height: 100%; box-sizing: border-box">Lorem ipsum dolor sit amets, consectetur.</span>
</div>

<div style="position: relative; height: 100px; padding: 5px; background-color: red">
    <span style="display: block; border: 5px solid green; background-color: lightgreen; width: 100%; height: 100%; box-sizing: border-box">Lorem ipsum dolor sit amets, consectetur.</span>
</div>

<div style="position: relative; width: 100px; height: 100px; padding: 5px; background-color: red">
    <span style="display: block; border: 5px solid green; background-color: lightgreen; width: 105px; height: 105px; box-sizing: border-box">Lorem ipsum dolor sit amets, consectetur.</span>
</div>

<div style="position: relative; width: 100px; height: 100px; padding: 5px; background-color: blue">
    <span style="display: block; border: 5px solid red; background-color: lightgreen; width: 100%; height: 100%; box-sizing: border-box; margin: 10px">Lorem ipsum dolor sit amets, consectetur.</span>
</div>
